.duantongHead{
  display: flex;
  flex-direction: column;
  background-color: #f0f0f0;
  height: 200px;
}
.duantongHead Input{
  width: 40%;
  margin: 10px 20px; 
}
.duantongHead h3{
  padding:10px 20px;
}
.duantongHead span{
  padding:10px 20px;
}
.duantongMid{
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  background-color: #f0f0f0;
  height: 300px;
}
.duantongMid>div{
  display: flex;
  padding: 5px 20px;
}
.duantongMid>div>span{
  width: 6%;
  margin-right: 30px;
}
.duantongMid Input{
  width: 40%;
}
.duantongMid h3{
  padding:10px 20px;
}
.duantongDown{
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  background-color: #f0f0f0;
  height: 300px;
}
.duantongDown>div{
  display: flex;
  padding: 5px 20px;
}
.duantongDown>div>div{
  border: 1px solid gainsboro;
  padding: 10px;
  background-color: white;
}
.duantongDown h3{
  padding:10px 20px;
}
.save{
  width: 100%;
  text-align: center;
  padding-top: 10px;
}